<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="description" content="Bootstrap Admin App + jQuery">
		<meta name="keywords" content="app, responsive, jquery, bootstrap, dashboard, admin">
		<title>用户管理</title>
		<!-- =============== VENDOR STYLES ===============-->
		<!-- FONT AWESOME-->
		<link rel="stylesheet" href="css/fontawesome/css/font-awesome.min.css">
		<!-- SIMPLE LINE ICONS-->
		<link rel="stylesheet" href="css/simple-line-icons/css/simple-line-icons.css">
		<!-- ANIMATE.CSS-->
		<link rel="stylesheet" href="css/animate.css/animate.min.css">
		<!-- WHIRL (spinners)-->
		<link rel="stylesheet" href="css/whirl/dist/whirl.css">
		<!-- =============== PAGE VENDOR STYLES ===============-->
		<!-- DATATABLES-->
		<link rel="stylesheet" href="css/datatables-colvis/css/dataTables.colVis.css">
		<link rel="stylesheet" type="text/css" href="css/datatables/media/css/jquery.dataTables.min.css">
		<!-- =============== BOOTSTRAP STYLES ===============-->
		<link rel="stylesheet" href="css/bootstrap.css" id="bscss">
		<!-- =============== APP STYLES ===============-->
		<link rel="stylesheet" href="css/app.css" id="maincss">
		<link rel="stylesheet" href="css/myself.css" id="maincss">
		   <!-- layer CSS -->
        <link rel="stylesheet" type="text/css" href="js/layer/skin/layer.css">
        <link rel="stylesheet" type="text/css" href="js/layer/skin/layer.ext.css">
	</head>

	<body>
		<div class="wrapper">
			<!--header start-->
			<script type="text/javascript" src="header.html"></script>
			<!--header end-->
			<!-- sidebar-->
			<script type="text/javascript" src="left_sidebar.html"></script>
			<!-- offsidebar-->
			<!-- Main section-->
			<section>
				<div class="content-wrapper">
					<h3 class="dogo-css-h3">用户管理</h3>
					<div class="row">
						<div class="col-lg-12">
							<div class="panel panel-body panel-default">
								<div class="panel-body">
								<div class="col-sm-5 dogo-css-u">
										<label class="col-lg-4  dogo-css-label">用户编号</label>
										<div class="col-lg-8">
											<input type="text" id="aduserIdSelect" class="form-control">
										</div>
									</div>
									<div class="col-sm-5 dogo-css-u">
										<label class="col-lg-4  dogo-css-label">用户名</label>
										<div class="col-lg-8">
											<input type="text" id="aduserNameSelect" class="form-control">
										</div>
									</div>
									<div class="pull-right">
										<span class="dogo-css-checkBtn1" onclick="search()"><img src="img/search.png">查询</span>
										<span class="dogo-css-checkBtn1" onclick="showAddModal()"><img src="img/add.png">添加</span>
									</div>
								</div>
								<div class="table-responsive1">
									<table id="example" class="display" cellspacing="0" width="100%">
										<thead class="dogo-css-thead">
											<tr>
												<th>用户名称</th>
												<th>联系方式</th>
												<th>所属区域</th>
												<th>所属权限</th>
												<th>管辖公墓</th>
												<th style="display:none;">用户编号</th>
												<th>操作</th>
											</tr>
										</thead>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
		<!--修改/添加modal-->
		<div id="edit-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal fade">
			<div class="modal-dialog">
				<div class="modal-content dogo-css-mocontent">
					<div class="modal-header dogo-css-moheader">
						<button type="button" data-dismiss="modal" aria-label="Close" class="close dogo-css-moclose">
                  			<span aria-hidden="true">&times;</span>
               			</button>
						<span id="myModalLabel" class="modal-title dogo-css-motitle">添加</span>
					</div>
					<div class="modal-body" style="height: 240px;overflow-y: auto;">
                    <form class="form-horizontal form-stripe" id="editForm">
                        <div class="form-group">
                            <label  class="col-sm-3 control-label dogo-css-label">用户名</label>
                            <div class="col-sm-6">
                                <input type="hidden" class="form-control" id="aduserId" name=aduserId >
                                <input type="text" class="form-control" id="aduserName" name="aduserName" maxlength="20">
                            </div>

                        </div>
                        <div class="form-group">
                            <label
                                    class="col-sm-3 control-label dogo-css-label">联系电话</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control" id="aduserTel" name="aduserTel">
                            </div>

                        </div>

                        <div class="form-group">
                            <label
                                    class="col-sm-3 control-label dogo-css-label">所属区域</label>
                            <div class="col-sm-6">
                                <select id="unionId" class="selected" name="unionId"></select>
                            </div>

                        </div>
                        
                        <div class="form-group">
                            <label
                                    class="col-sm-3 control-label dogo-css-label">所属权限</label>
                            <div class="col-sm-6">
                                <select id="userRoleId" class="selected" name="userRoleId"></select>
                            </div>

                        </div>
                        <div class="form-group">
                            <label
                                    class="col-sm-3 control-label dogo-css-label">管辖公墓</label>
                            <div class="col-sm-6">
                                <select id="aduserDustId" class="selected" name="aduserDustId"></select>
                            </div>

                        </div>
                    </form>
                </div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" id="saveProjectInfo">确定</button>
						<button type="button" data-dismiss="modal" class="btn btn-default">关闭</button>					
					</div>
				</div>
			</div>
		</div>
		<!--search-->
<div class="modal fade" id="search-modal" tabindex="-1" role="dialog" aria-labelledby="modal-nofooter-label">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="info-modal-label">用户详情展示</h4>
            </div>
            <div class="modal-body" style="height: 240px;overflow-y: auto;">
                <form class="form-horizontal form-stripe">
                      <div class="form-group">
                            <label  class="col-sm-3 control-label dogo-css-label">用户编号</label>
                            <div class="col-sm-6">
                                <span id="infoAduserId"> </span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label  class="col-sm-3 control-label dogo-css-label">用户名</label>
                            <div class="col-sm-6">
                            <span id="infoAduserName"> </span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label
                                    class="col-sm-3 control-label dogo-css-label">联系电话</label>
                            <div class="col-sm-6">
                            <span id="infoAduserTel"> </span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label dogo-css-label">所属区域</label>
                            <div class="col-sm-6">
                             <span id="infoUnionId"> </span>
                            </div>
                        </div>
                         <div class="form-group">
                            <label class="col-sm-3 control-label dogo-css-label">所属权限</label>
                            <div class="col-sm-6">
                             <span id="inforoleId"> </span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label dogo-css-label">管辖公墓</label>
                            <div class="col-sm-6">
                             <span id="infoDustId"> </span>
                            </div>
                        </div>
                        
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
		<!-- =============== VENDOR SCRIPTS ===============-->
		<!-- JQUERY-->
		<script src="js/jquery/dist/jquery.js"></script>
		<!-- BOOTSTRAP-->
		<script src="js/bootstrap/dist/js/bootstrap.js"></script>
		<!-- STORAGE API-->
		<script src="js/jQuery-Storage-API/jquery.storageapi.js"></script>
		<!-- DATATABLES-->
		<script src="js/datatables/media/js/jquery.dataTables.min.js"></script>
		<!-- =============== APP SCRIPTS ===============-->
		<script src="js/app.js"></script>
		<script src="js/myself.js"></script>
		<script src="js/project/common.js"></script>
        <script src="js/project/userManager.js"></script>
          <!-- lay API-->
        <script type="text/javascript" src="js/layer/layer.js"></script>
        <script type="text/javascript" src="js/layer/extend/layer.ext.js"></script>
	</body>

</html>